<template>
  <div>
    <div class='title'>当前位置：文章审核 / 审核文章内容 / 文章审核记录</div>
    <div class="table">
      <dt-grid ref="table" :onFetch='onFetchPerson' />
    </div>
    <preview-image ref="previewImage" :images="images" showDownLoad/>
  </div>
</template>

<script>
  import infoMgr from '@/biz/base/info'
  import LogColumn from './opt/LogColumn.js'
  export default {
    data() {
      return {
        images: []
      }
    },
    mounted() {
      this.$refs.table.init(this, new LogColumn())

      this.$refs.table.fetch()
    },
    methods: {
      onFetchPerson() {
        return infoMgr.auditLog(this.$route.query.articleId)
      },
      onImage(item) {
        this.images = item.picUrlList
        this.$refs.previewImage.show()
      }
    },
  }
</script>

<style lang="scss" scoped>
  .title {
    background-color: #f5f5f5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 0 14px 10px;
  }

  .table {
    padding: 50px;
  }
</style>
